/*--------------------------------------------------------------
# 博客列表
--------------------------------------------------------------*/
#blog {
  background: #010e1e;
}
#blog .blog-list {
  width: 12rem;
  margin: 0.72rem auto 0;
}

#blog .blog {
  width: 3.84rem;
  background: #0e1a26;
  border-radius: 0.1rem;
  transition: 0.2s;
  transition-property: background transform;
}
#blog .blog:nth-child(1),
#blog .blog:nth-child(2),
#blog .blog:nth-child(3) {
  margin-bottom: 0.55rem;
}
#blog .blog:hover {
  color: #000;
  background: #fff;
  /* top: -0.25rem; */
  transform: translateY(-0.25rem);
}
#blog .img-box {
  height: 2.53rem;
  background: url(../images/blogs/blog1.png) center;
  background-size: cover;
}
#blog .blog:nth-child(2) .img-box {
  background-image: url(../images/blogs/blog2.png);
}
#blog .blog:nth-child(3) .img-box {
  background-image: url(../images/blogs/blog3.png);
}
#blog .blog:nth-child(4) .img-box {
  background-image: url(../images/blogs/blog4.png);
}
#blog .blog:nth-child(5) .img-box {
  background-image: url(../images/blogs/blog5.png);
}
#blog .blog:nth-child(6) .img-box {
  background-image: url(../images/blogs/blog6.png);
}
#blog .blog-info {
  padding: 0 0.26rem;
  height: 2.07rem;
}
#blog .blog-info h3 {
  font-weight: 500;
  font-size: 0.18rem;
}

#blog .blog-info p {
  font-size: 0.16rem;
}
#blog .time {
  font-size: 0.14rem;
}
#blog .time i {
  font-size: 0.18rem;
  margin-right: 0.15rem;
}
#blog .more-btn {
  font-size: 0.12rem;
  padding: 0.11rem 0.07rem;
  border: 1px solid #fe6913;
  border-radius: 0.03rem;
  transition: background 0.2s;
}
#blog .blog:hover .more-btn {
  background: #e46a2b;
  color: #fff;
}
#blog .more-btn i {
  font-size: 0.13rem;
}
